aside{
    position: fixed;
    right: 0;
    bottom: 174px;
    z-index: 100;
    >a{
        display: block;
        position: relative;
        width: 82px;
        height: 90px;
        border: 1px solid #f5f5f5;
        text-align: center;
        background-color: #fff;
        font-size: 14px;
        color: #757575;
        >img{
            width: 30px;
            height: 30px;
            display: block;
            margin: 0 auto;
            margin: 18px auto 8px;
        }
    }
    >a:hover{
        color: #ff6700;
        >img:last-of-type{
            display: block;
        }
        >img:first-of-type{
            display: none;
        }
    }
    >a:last-of-type{
        margin-top: 14px;
    }
    .aside-code{
        display: none;
        position: absolute;
        padding: 14px;
        background-color: #fff;
        border: 1px solid #f5f5f5;
        left: -140px;
        top: 0;
        >img{
            width: 100px;
            height: 100px;
            margin: 6px auto;
        }
        >p{
            width: 82px;
            color: #757575;
            margin: 14px auto 0;
        }
    }
    >a:first-of-type:hover{
        .aside-code{
            display: block;
        }
    }
}